<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>插值、指令语法</title>
</head>
<body>
<div id="app">
  <h1>插值语法</h1>
<!-- 插值语法一般用于管理标签体内容-->
  <p>vue实例数据中name的内容： {{name}}</p>
  <hr>
  <h1>指令语法</h1>
<!--  指令语法一般管理标签属性-->
<!--使用指令语法v-bind:插入特定的数据,:属性名是v-bind:的简写形式-->
  <a :href="url">尚硅谷学堂</a>
</div>
<!--引入vue-->
<script src="../js/vue.js"></script>
<script type="text/javascript">
  //创建vue实例
  const vm=new Vue({
    el:"#app",//指定该实例为哪个模板提供服务
    data:{//存放模板需要的数据
      name:"vue渐进式的JavaScript框架",
      url:"http://www.atguigu.com"
    }
  })
</script>
</body>
</html>
